<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>如此简单</title>
<meta name="keywords" content=“如此简单” />
<meta name="description" content="提高效率 简单生活" />
<link rel="stylesheet" href="animate.css">
</head>
<body>

<div class="img_card">

  <ul class="card-list">
    
    <li class="card">
        <a class="card-image" href="#" target="_self" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/psychopomp-100.jpg);" data-image-full="https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/psychopomp-500.jpg">
            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/psychopomp-100.jpg" alt="Psychopomp" />
        </a>
        <a class="card-description" href="#" target="_self">
            <h2>Psychopomp</h2>
            <p>Japanese Breakfast</p>
        </a>
    </li>
    
    <li class="card">
        <a class="card-image" href="#" target="_self" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/lets-go-100.jpg);" data-image-full="https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/lets-go-500.jpg">
            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/lets-go-100.jpg" alt="let's go" />
        </a>
        <a class="card-description" href="#" target="_self">
            <h2>let's go</h2>
            <p>In Love With A Ghost</p>
        </a>
    </li>
    
    <li class="card">
        <a class="card-image" href="#" target="_self" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/beautiful-game-100.jpg);" data-image-full="https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/beautiful-game-500.jpg">
            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/beautiful-game-100.jpg" alt="The Beautiful Game" />
        </a>
        <a class="card-description" href="#" target="_self">
            <h2>The Beautiful Game</h2>
            <p>Vulfpeck</p>
        </a>
    </li>
    
    <li class="card">
        <a class="card-image" href="#" target="_self" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/jane-doe-100.jpg);" data-image-full="https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/jane-doe-500.jpg">
            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/jane-doe-100.jpg" alt="Jane Doe" />
        </a>
        <a class="card-description" href="#" target="_self">
            <h2>Jane Doe</h2>
            <p>Converge</p>
        </a>
    </li>
    
  </ul>

</div>

<div class="content">
    <div class="content_card">
        <div class="card_list">
            <div class="list_tittle">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </div>
</div>

</body>